<!-- Incluir para overlay -->
<div class="apple_overlay" id="overlay">
	<div class="contentWrap"></div>
</div>
<!-- //Incluir para overlay -->
<div style="display:block;overflow:auto;width:495px;height:346px; border:none;padding:0px;">
    <table border="0" cellspacing="0" cellpadding="5">
      <tr>
        <td width="112"><a href="../../detalle.html" rel="#overlay" style="text-decoration:none"><img src="../../images/plato.png" width="100" height="75" border="0" /></a></td>
        <td width="240">Causa Rellena</td>
        <td width="56">S/. 10.00</td>
        <td width="42" align="center"><a href="#"><img src="../../images/add_to_shopping_cart.png" width="30" height="30" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="../../detalle.html" rel="#overlay" style="text-decoration:none"><img src="../../images/plato.png" width="100" height="75" border="0" /></a></td>
        <td>Salpicón de Pollo</td>
        <td>S/. 10.00</td>
        <td align="center"><a href="#"><img src="../../images/add_to_shopping_cart.png" width="30" height="30" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="../../detalle.html" rel="#overlay" style="text-decoration:none"><img src="../../images/plato.png" width="100" height="75" border="0" /></a></td>
        <td>Salpicón de Pollo</td>
        <td>S/. 10.00</td>
        <td align="center"><a href="#"><img src="../../images/add_to_shopping_cart.png" width="30" height="30" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="../../detalle.html" rel="#overlay" style="text-decoration:none"><img src="../../images/plato.png" width="100" height="75" border="0" /></a></td>
        <td>Salpicón de Pollo</td>
        <td>S/. 10.00</td>
        <td align="center"><a href="#"><img src="../../images/add_to_shopping_cart.png" width="30" height="30" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="../../detalle.html" rel="#overlay" style="text-decoration:none"><img src="../../images/plato.png" width="100" height="75" border="0" /></a></td>
        <td>Salpicón de Pollo</td>
        <td>S/. 10.00</td>
        <td align="center"><a href="#"><img src="../../images/add_to_shopping_cart.png" width="30" height="30" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="../../detalle.html" rel="#overlay" style="text-decoration:none"><img src="../../images/plato.png" width="100" height="75" border="0" /></a></td>
        <td>Salpicón de Pollo</td>
        <td>S/. 10.00</td>
        <td align="center"><a href="#"><img src="../../images/add_to_shopping_cart.png" width="30" height="30" border="0" /></a></td>
      </tr>
    </table>
</div>
<script>

$(function() {

	// if the function argument is given to overlay,
	// it is assumed to be the onBeforeLoad event listener
	$("a[rel]").overlay({

		/*mask: 'darkred',
		effect: 'apple',*/

		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}

	});
});
</script>
</body>

</html>
